<script setup lang="ts">

</script>

<template>
  <nav>
    <router-link to="/home" name="主页">主页</router-link>
    <router-link to="/statistics" name="统计">统计</router-link>
    <router-link to="/create" name="新增">新增</router-link>
    <router-link to="/export" name="导出">导出</router-link>
    <router-link to="/login" name="登录">登录</router-link>
  </nav>
</template>

<style scoped lang="scss">
nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: rgba(226, 0, 73, 0.76);
  border-radius: 10px 10px 0 0;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  nav {
    display: none;
  }
}
</style>
